<%-------------------------------------------------------------------
 * 页面名称：barCodePay.jsp
 * 功能描述：公共事业费缴费首页
 * Action: toBarCodePayDetail.do
 *
 *-------------------------------------------------------------------
--%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="ad" uri="agiledata"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-bean.tld" prefix="bean"%>
<%
	String path = request.getContextPath();
%>
<html>
<head>
<title>公共事业缴费</title>
<meta name="keywords" content="公共事业网上缴费" />
<meta name="description" content="公共事业费 、公共事业网上缴费、水费、电费、煤气费、天燃气、手机费、" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<%=path%>/css/barcodepaystyle.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/barcodepayfont.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/newstyle.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path%>/js/vnv/commonForManage.js"></script>
<SCRIPT LANGUAGE="JavaScript">
    // 切换缴费类型
	function fSwitch(type) {
		document.getElementById("idSwitchType").value=type;
		document.frmSwitch.submit();
	}
	// 提交校验
	function submitValid() {
		var objFrm = document.barCodePayForm;
		// 判断条形码
		if(checkNecessaryInput(objFrm)){
			if(!onlyNumber(document.getElementById("code").value)) {
				alert('条形码只能是数字！');
				document.getElementById("code").focus();
				return false;
			}
			if(document.getElementById("mobile")) {
				// 校验手机号码
				if(!mobileValidate(document.getElementById("mobile"))) {
					return false;
				}
			}
			if(document.getElementById("email")) {
				// 校验邮件地址
				if(!checkEmail(document.getElementById("email"))) {
					alert("请输入正确的邮件地址！");
					return false;
				}
			}
		}
		else {
			return false;
		}

		return true;
	}
</SCRIPT>
</head>
<body>
<!--主内容-->
<div id="mainFrame">
    <div class="rightSider2">
	 <div class="sub_title"><span class="bluefont18bdrop">公共事业缴费</span></div>
	 <div class="public_text backfont14t">第一步：选择缴费项目</div>
	 <div class="public_channel">
	 	<ul>
			<li><a href="javascript:fSwitch(3);"><img src="<%=path%>/page/information/images/p_water.gif" border="0" alt="水费"/></a><Br />水费</li>
			<li><a href="javascript:fSwitch(1);"><img src="<%=path%>/page/information/images/p_electricity.gif" border="0" alt="电费"/></a><br />
			电费</li>
			<li><a href="javascript:fSwitch(2);"><img src="<%=path%>/page/information/images/p_gas.gif" border="0" alt="煤气费" /></a><br />
			燃气费</li>
			<li><a href="javascript:fSwitch(4);"><img src="<%=path%>/page/information/images/p_mobile.gif" border="0" alt="手机费" /></a><br />
			手机费</li>
			<li><a href="javascript:fSwitch(5);"><img src="<%=path%>/page/information/images/p_phone.gif" border="0"  alt="电信费"/></a><br />
			电信费</li>	
		</ul>
	</div>
	
	<form name="frmSwitch" action="<%=path%>/page/barcodepay/innerBarCodePay.do" method="Post">
		<input type="hidden" id="idSwitchType" name="type" value="" />
	</form>
	<html:form action="/innerBarCodePayDetail.do" onsubmit="return submitValid();">
	<input type="hidden" id="idType" name="type" value="<bean:write name="type" />" />
	<div class="public_textT backfont14to"><bean:write name="typeName" />交纳</div>
	<div class="public_textsT backfont12t">第二步：填写账单信息</div>
	<div class="public_itemList">
		<div class="public_pic"><img src="<%=path%>/images/barcodepay/barcode_sample_<bean:write name="type" />.gif"" width="232" height="98"></div>
		<div class="public_picr">
	 	<ul><li class="rtli">公司名称：</li>
	 	<li class="rteli">
	 	  <html:select name="barCodePayForm" property="corpCode">
				<html:optionsCollection name="corps" label="name" value="code" />
		  </html:select>
	 	</li>
		  <li class="rtli">条形码：</li><li class="rteli">
	 	  <html:text name="barCodePayForm" property="code" maxlength="40" style="class:inputStyleNoborder" alt="条形码" size="50" onblur="killSpace(this);"></html:text>
		  </li>
		  <li class="rtli"></li>
		  <li class="rteli">
		  <span class="fontred">请输入真实有效的缴费条码以避免损失</span>
		  </li>
	   </ul>
	   </div>
    </div>
	 <div style="clear:both"></div>
	 <div><table width="100%" border="0" align="center" cellpadding="7" cellspacing="1" bgcolor="#f9e277" style="margin:10px 0;">
        <tr>
          <td bgcolor="#fffdf5"><table width="100%" border="0" cellpadding="3" cellspacing="0">
              <tr >
                <td width="3%" height="25" valign="top" style="border-bottom:1px solid #ccc;"><img src="<%=path%>/images/ren.gif" width="22" height="21" border="0" align="absmiddle" /></td>
                <td width="97%" align="left" class="red12b" style="border-bottom:1px solid #ccc;">特别提醒</td>
              </tr>
              <tr>
                <td valign="top">&nbsp;</td>
                <td align="left" class="font_gray"><img src="<%=path%>/page/information/images/arrow2.gif" width="16" height="16" align="absmiddle" /> 对于初次使用用户如有任何疑问，请访问“<span class="fontred"><a href="<%=path%>/page/barcodepay/toBarCodePayHelp.do" target="_blank">公共事业费须知</a></span>”</td>
              </tr>
          </table></td>
        </tr>
      </table></div>
	 <div class="public_input"> 
	 <input name="buttonReturn" type="reset" class="public_button" value="重新输入条形码"/>
	 <input name="buttonPay" type="submit" class="public_button" value="确认并提交"/>
	 </div>
	 </html:form>
  </div>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>
